<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
          name="viewport"/>
    <title>以诗传情</title>
    <link rel="stylesheet" type="text/css" href="css/weui.css">
    <link rel="stylesheet" type="text/css" href="css/jquery-weui.css">
    <link rel="stylesheet" type="text/css" href="css/first.css">
    <link rel="stylesheet" type="text/css" href="css/amazeui.min.css">
</head>

<body>
<div class="index-wrapper">
    <div class="weui_tab">
        <div class="weui_navbar">
            <a href="#lover" class="weui_navbar_item weui_bar_item_on">赠情人</a>
            <a href="#friend" class="weui_navbar_item">赠友人</a>
        </div>

        <div class="weui_tab_bd">
            <!-- 赠情人内容开始 -->
            <div id="lover" class="weui_tab_bd_item weui_tab_bd_item_active">
                <div class="weui_cells weui_cells_form">
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            <input class="weui_input" type="text">
                        </div>
                    </div>
                </div>
                <!-- 五言律诗 -->
                <div class="five-matrix-4">
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                </div>
                <div class="five-matrix-8">
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                        <div class="weui-col-20"></div>
                    </div>
                </div>
                <!-- 七言律诗 -->
                <div class="seven-matrix-4">
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                </div>
                <div class="seven-matrix-8">
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                        <div class="weui-col-15"></div>
                    </div>
                </div>
                <a href="javascript:;" class="weui_btn weui_btn_plain_default share">分享</a>
                <div class="choose_div">
                    <div class="poem_div">
                        <input type="radio" checked="checked" name="poem"><span>五言</span>
                        <input type="radio" name="poem"><span>七言</span>
                    </div>
                    <div class="emotion_div">
                        <input type="radio" name="emotion"><span>爱情</span>
                        <input type="radio" checked="checked" name="emotion"><span>倾慕</span>
                    </div>
                </div>
            </div>
            <!-- 赠情人内容结束 -->
            <!-- 赠友人内容开始 -->
            <div id="friend" class="weui_tab_bd_item">
                <div class="weui_cells weui_cells_form">
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            <input class="weui_input" type="text">
                        </div>
                    </div>
                </div>
                <!-- 五言律诗 -->
                <div class="five-matrix">
                    <div class="weui-row">
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                        <div class="weui-col-20">20</div>
                    </div>
                </div>
                <!-- 七言律诗 -->
                <div class="seven-matrix">
                    <div class="weui-row">
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                    </div>
                    <div class="weui-row">
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                        <div class="weui-col-15">20</div>
                    </div>
                </div>
                <a href="javascript:;" class="weui_btn weui_btn_plain_default share">分享</a>
                <div class="choose_div">
                    <div class="poem_div">
                        <input type="radio" checked="checked" name="poem"><span>五言</span>
                        <input type="radio" name="poem"><span>七言</span>
                    </div>
                    <div class="emotion_div">
                        <input type="radio" name="friend_emotion"><span>友情</span>
                        <input type="radio" checked="checked" name="friend_emotion"><span>离别</span>
                    </div>
                </div>
            </div>
            <!-- 赠友人内容结束 -->
        </div>
    </div>
</div>
<script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript" src="js/ip.js"></script>
<script type="text/javascript" src="js/first.js"></script>
<script type="text/javascript" src="js/jquery-weui.js"></script>
<script type="text/javascript" src="js/get_parameter.js"></script>
<script type="text/javascript" src="js/make.js"></script>
<script src="http://cdn.bootcss.com/Swiper/3.3.0/js/swiper.min.js"></script>
<script type="text/javascript">

</script>
</body>
</html>
